<template>
  <div class="footer">
    <div class="tip">{{ tip }}</div>
    <div class="version">version: {{ version }}</div>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';

export default defineComponent({
  name: 'editor-footer',
  props: {
    msg: String,
  },
  setup() {
    return {
      version: ref('1.0.0'),
      tip: ref('sail editor preview version ~'),
    };
  },
});
</script>

<style scoped lang="scss">
.footer {
  height: 25px;
  display: flex;
  flex-direction: row;
  background-color: #d5d9de;
}

.tip {
  flex: 1;
  margin-left: 10px;
  text-align: left;
}

.version {
  margin: 0 3px;
}
</style>
